<!DOCTYPE html>
<html>
    <head>
        <title>
            DOM文档树的学习
        </title>
    </head>
    <body>
        <script>
            // 创建节点以及文本内容
            var new_div = document.createElement('div');
            var content = document.createTextNode("这是创建的文本");

            // 把内容放入节点中
            new_div.appendChild(content);
            console.log(content);
            console.log(new_div);

            // 创建属性
            var id = document.createAttribute('id');
            console.log(id);
            // 这里有一些抽象了，他是创建了一个属性对象
            // 类似于C++中的类的示例作为属性

            // 有点理解Xpath语法的部分含义了
            id.value = "我是new出来的属性";
            new_div.setAttributeNode(id);

            // 学过二叉树的画其实特别简单
            
        </script>
    </body>
</html>